@charset "utf/8";
/* 1.通用选择器：规范页面效果 */
*{
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-family: 微软雅黑;
	/* 设置背景颜色 */
	background-color: #f5f5f5;
}
/* 2.外层空间 product_card */
div.product_card{
	border: 1px soild red;
	width: 251px;
	/* 卡片-内外边距：10px 20px*/
	padding: 15px;/* 内边距：图片和内容与框之间的距离 */
	margin: 20px;/* 外边距：与其他卡片或者页面之间的距离 */
	/* 无边框 */
	border-radius: 6px;
	background-color: #fff;
	text-align: center;
	/* 阴影3种：盒子阴影 立体感
	 box-shadow:盒子阴影：x y 模糊距离 颜色：rgba();*/
	 box-shadow: 0 15px 5px rgba;
	 
}
/*  3.内层照片*/
div.product_card img{
	border: 1px solid red;
	width: 100%;
	border-radius: 6px;
	/* 图片与标题之间产生间距 */
	margin-bottom: 10px;
	
}
/* 4.标题 */
div.product_card h3{
	border: 1px soild red;
	/* 上下添加间距 */
	margin: 10px 0;
	color: #303030;
}
/* 5.价格 */
div.product_card p.price{
	border: 1px soild red;
	/* 下添加间距 */
	margin-bottom: 10px;
	/* 字体大小 */
	font-size: 1.3em;
	color: #f00;
	
}
/* 6.评论 p 元素整体设置：字体尺寸 .9em 颜色 */
div.product_card p.rating{
	/* 默认字体：12px 14px 16px */
	font-size: .9em;
	color: #c7c7c7;
}

